<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // JS中什么是DOM和BOM？

        // DOM：document的缩写，文档对象类型，用来获取文档中标签的属性
        // JS可以通过DOM获取到有哪些标签，标签有哪些属性，内容有哪些
        // DOM操作的对象是文档而不是浏览器，所以DOM和浏览器是没有关系的，关注网页本身的内容

        // BOM：Browser Ojbect Model的缩写，浏览器对象模型，提供独立于内容，与我们的浏览器窗口进行交互的对象
        // 管理窗口与窗口之间的通讯，核心对象就是window，其中location属性用于相关url的操作，history属性用于历史相关的操作，navigator属性包含浏览器相关的信息，除此之外还有很多有用的属性，可以参考MDN、菜鸟教程等网站

        // 总结：一个控制浏览器，一个控制文档
    </script>
</body>
</html>